<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="./css/metro-all.css">
<link rel="stylesheet" href="./css/metro-colors.css">
<link rel="stylesheet" href="./css/metro-icons.css">
</head>
<body>
	<h1>添加慢性病证信息</h1>
	<div class="row">
		<div class="cell">
			<div></div>
		</div>
		<div class="colspan-6">
			<form action="addDiseaseCard" method="post">
				<label>农合证号</label>
				<input type="text" name="registryNo"> 
				
				<label>身份证号</label>
				<input type="text"
					name="personId"> 
					<label>疾病名称</label>
					<input type="text" name="diseaseName">
				<label>起始时间</label>
				<input data-role="datepicker" name="startTime"> 
				<label>结束时间</label>
				<input data-role="datepicker" name="endTime"> 
				<input class="button primary" type="submit"
					value="提交">
			</form>
		</div>
		<div class="cell">
			<div></div>
		</div>
<br>
<hr>
<br>
	</div>
            <div class="row">
                <div class="cell">
                    <div> </div>
                </div>
                <div class="colspan-6">
                
<table id="chronicCard" class="table striped hovered dataTable border bordered">
                <thead>
                <tr>
                    <th class="text-left">慢性病证号</th>
                    <th class="text-left">参合证号</th>
					<th class="text-left">身份证号</th>
					<th class="text-left">病名</th>
					<th class="text-left">开始时间</th>
					<th class="text-left">结束时间</th>
                </tr>
                </thead>
                <tbody>
                </tbody>

</table>

                </div>
                <div class="cell">
                    <div> </div>
                </div>

            </div>


<br>
<hr>
<br>




	<script src="./js/jquery-3.3.1.js"></script>
	<script src="./js/metro1.js"></script>
	<script src="./js/jquery.dataTables.min.js"></script>
	<script>
	$(document).ready(function(){
		var bt3=$("#chronicCard").DataTable({
			"ajax":"getChronicDiseaseCard",
			"columns": [
	            { "data": "chronicDiseaseCardNo" },
	            { "data": "registryNo" },
	            { "data": "personId" },
	            { "data": "diseaseName" },
	            { "data": "startTime" },
	            { "data": "endTime" },
	            ]
		});
	});
	
	</script>
</body>
</html>